﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="QuickOption.aspx.cs" Inherits="SEVN.Web.Framework.QuickOption" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Trang tùy biến nhanh giao diện Website</title>
    <link href="Styles/Default.css" rel="stylesheet" type="text/css" />
    <link href="Styles/Skin.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/Panel/jquery-1.8.0.js" type="text/javascript"></script>
    <script src="Scripts/Panel/ControlPanel.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div id="frame">
        <%--<div id="login">
            <asp:LinkButton ID="lbtLogin" runat="server" OnClick="lbtLogin_Click">Login</asp:LinkButton>
            &nbsp;
            <asp:LinkButton ID="lbtLogout" runat="server" OnClick="lbtLogout_Click">Logout</asp:LinkButton>
        </div>--%>
        <div class="controlPanel">
            <img id="panelEdit" src="Images/Design/title_edit.png" alt="edit" />
            <img id="panelDelete" src="Images/Design/title_delete.png" alt="delete" />
        </div>
        <div id="controlpanel">
            <div id="tabQuick">
                <asp:LinkButton ID="lbtPages" CssClass="selectedTab" runat="server" OnClick="lbtPages_Click">Cấu hình trang</asp:LinkButton>
                <asp:LinkButton ID="lbtSkins" CssClass="tabControl" Style="margin-left: -8px;" runat="server"
                    OnClick="lbtSkins_Click">Cấu hình Skin</asp:LinkButton>
            </div>
            <asp:Panel runat="server" ID="tabPage">
                <div id="groupControl1" style="width: 230px; float: left;">
                    Chọn trang cấu hình (Page):
                    <asp:DropDownList ID="cboPages" runat="server" Width="200px" AutoPostBack="True"
                        DataTextField="PageName" DataValueField="PageID" OnSelectedIndexChanged="cboPages_SelectedIndexChanged">
                    </asp:DropDownList>
                    <br />
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <asp:CheckBox ID="chkSelected" AutoPostBack="True" runat="server" Text="Chọn giao diện (Skin)"
                                OnCheckedChanged="chkSelected_CheckedChanged" />
                            <br />
                            <asp:Panel ID="pnlSelectSkin" runat="server" Enabled="false">
                                <asp:DropDownList ID="cboSkins" runat="server" Width="200px" AutoPostBack="True"
                                    DataTextField="SkinName" DataValueField="SkinID" OnSelectedIndexChanged="cboSkins_SelectedIndexChanged">
                                </asp:DropDownList>
                                <br />
                                <asp:CheckBox ID="chkAccept" AutoPostBack="True" runat="server" Text="Đồng ý áp dụng"
                                    OnCheckedChanged="chkAccept_CheckedChanged" />
                                <br />
                            </asp:Panel>
                            <asp:Panel ID="pnlSkin" runat="server" Visible="false">
                                <div style="width: auto; background-color: transparent; border: 5px solid #CECECE;
                                    height: 550px; position: absolute; top: 100px; z-index: 9999">
                                    <asp:LinkButton ID="lbtCloseSkin" runat="server" Style="position: absolute; top: -20px;
                                        right: 0px; text-decoration: none; font-weight: bold; cursor: pointer" OnClick="lbtCloseSkin_Click">X</asp:LinkButton>
                                    <asp:Image ID="imgSkin" Style="height: 550px;" runat="server" />
                                </div>
                            </asp:Panel>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                    <asp:Button ID="btnApply" CssClass="sf-button sf-button-submit" runat="server" Text="Áp dụng"
                        OnClick="btnApply_Click" />
                </div>
                <div id="groupControl2" style="width: 230px; float: left;">
                    <asp:UpdatePanel runat="server" ID="UpdatePanel2">
                        <ContentTemplate>
                            Chọn nhóm điều khiển (Module):
                            <asp:DropDownList ID="cboModules" runat="server" Width="200px" AutoPostBack="True"
                                DataTextField="ModuleName" DataValueField="ModuleID" OnSelectedIndexChanged="cboModules_SelectedIndexChanged">
                            </asp:DropDownList>
                            Chọn điều khiển (Control):
                            <asp:DropDownList ID="cboControls" runat="server" Width="200px" AutoPostBack="True"
                                DataTextField="ControlName" DataValueField="ControlID">
                            </asp:DropDownList>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                    <br />
                    <asp:Button ID="btnAdd" CssClass="sf-button sf-button-submit" runat="server" Width="75"
                        Text="Thêm mới" OnClick="btnAdd_Click" />
                </div>
            </asp:Panel>
            <asp:Panel runat="server" ID="tabSkin" Visible="false">
                <div style="height: 200px; border: 1px solid #EDEDED; padding: 5px;">
                    <div class="group-control">
                        Chọn giao diện (Skin):
                        <asp:DropDownList ID="cboSkinTab" runat="server" Width="200px" AutoPostBack="True"
                            DataTextField="SkinName" DataValueField="SkinID" OnSelectedIndexChanged="cboSkinTab_SelectedIndexChanged">
                        </asp:DropDownList>
                        <asp:Image ID="imgSkinDemo" CssClass="img-skin" ImageUrl="" runat="server" />
                        <asp:Panel ID="pnlImageSkin" runat="server" Visible="false">
                            <div style="width: auto; background-color: transparent; border: 5px solid #CECECE;
                                height: 550px; position: absolute; top: 55px; z-index: 9999">
                                <span id="lblCloseImage" style="position: absolute; top: -20px; right: 0px; text-decoration: none;
                                    font-weight: bold; cursor: pointer">X</span>
                                <asp:Image ID="imgPhotoSkin" Style="height: 550px;" runat="server" />
                            </div>
                        </asp:Panel>
                    </div>
                    <div class="group-control">
                        <asp:UpdatePanel runat="server" ID="UpdatePanel4">
                            <ContentTemplate>
                                Chọn vị trí (Position):
                                <asp:DropDownList ID="cboPosition" runat="server" Width="200px" AutoPostBack="True"
                                    DataTextField="PositionName" DataValueField="PositionID" OnSelectedIndexChanged="cboPosition_SelectedIndexChanged">
                                </asp:DropDownList>
                                Chọn nhóm điều khiển (Module):
                                <asp:DropDownList ID="cboSkinModules" runat="server" Width="200px" AutoPostBack="True"
                                    DataTextField="ModuleName" DataValueField="ModuleID" OnSelectedIndexChanged="cboSkinModules_SelectedIndexChanged">
                                </asp:DropDownList>
                                Chọn điều khiển (Control):
                                <asp:DropDownList ID="cboControlSkinTab" runat="server" Width="200px" AutoPostBack="True"
                                    DataTextField="ControlName" DataValueField="ControlID" 
                                    onselectedindexchanged="cboControlSkinTab_SelectedIndexChanged">
                                </asp:DropDownList>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                        <asp:Button ID="btnAddToSkin" CssClass="sf-button sf-button-submit" runat="server"
                            Width="75" Text="Thêm mới" OnClick="btnAddToSkin_Click" />
                    </div>
                </div>
            </asp:Panel>
        </div>
        <div id="preview">
            <div id="pnlHeader">
                <asp:PlaceHolder ID="placeHead" runat="server"></asp:PlaceHolder>
            </div>
            <div id="body">
                <%if (HasLeft)
                  { %>
                <asp:Panel ID="pnlLeft" runat="server">
                    <asp:PlaceHolder ID="placeLeft" runat="server"></asp:PlaceHolder>
                </asp:Panel>
                <%}%>
                <asp:UpdatePanel runat="server" ID="UpdatePanel3">
                    <ContentTemplate>
                        <asp:Panel ID="pnlContent" runat="server">
                            <asp:PlaceHolder ID="placeContent" runat="server"></asp:PlaceHolder>
                        </asp:Panel>
                    </ContentTemplate>
                </asp:UpdatePanel>
                <%if (HasRight)
                  { %>
                <asp:Panel ID="pnlRight" runat="server">
                    <asp:PlaceHolder ID="placeRight" runat="server"></asp:PlaceHolder>
                </asp:Panel>
                <%}%>
            </div>
            <div id="pnlFooter">
                <asp:PlaceHolder ID="placeFooter" runat="server"></asp:PlaceHolder>
            </div>
        </div>
    </div>
    <div class="loadboxcss">
        <div class="loadCSS">
            <div class="contentcss">
                <div style="height:30px; width:100%; background-color:Gray">
                    <a class="pp_close">
                        <img class="imgclose" src="Images/Design/close.png" alt="Close" style="border: 0px;" /></a>
                        <asp:ImageButton runat="server" ID="btnSaveEditCSS" ImageUrl="Images/Design/save-as.png"
                        CssClass="imgsave" OnClick="btnSaveEditCSS_Click1" />
                </div>
                <asp:TextBox ID="txtViewCSS" contenteditable="true" runat="server" TextMode="MultiLine"></asp:TextBox>
            </div>
        </div>
    </div>
    <div class="popup">
    </div>
    </form>
</body>
</html>
